<template>
  <section class="future-area">
    <div class="container">
      <div class="row">
        <div class="col-lg-7">
          <div class="future-thumb">
            <img src="/assets/images/future-thumb.png" alt="">
            <div class="experience  animated wow fadeInLeft" data-wow-duration="1500ms" data-wow-delay="0ms">
              <span>30+ <br> years <br> experience</span>
            </div>
          </div>
        </div>
        <div class="col-lg-5">
          <div class="future-content">
            <h3 class="title">Let’s Build your future today</h3>
            <p>There are many variations of passages of lorem ipsum is simply free text available, but the majority have alteration in some form.</p>
          </div>
          <div class="future-item">
            <h5 class="title"><i class="fa fa-angle-right"></i> Best project planning</h5>
            <p>Lorem ipsum is simply free dolor sit amet, consectetur notted</p>
          </div>
          <div class="future-item">
            <h5 class="title"><i class="fa fa-angle-right"></i> we guarente success</h5>
            <p>Lorem ipsum is simply free dolor sit amet, consectetur notted</p>
          </div>
          <div class="future-contact animated wow fadeInUp" data-wow-duration="1500ms" data-wow-delay="0ms">
            <i class="flaticon-calling"></i>
            <span>Call to Get a Free Estimate</span><br>
            <a href="#">92 666 888 0000</a>
          </div>
        </div>
      </div>
    </div>
    <div class="features-shape">
      <img src="/assets/images/shape/shape-11.png" alt="">
    </div>
  </section>
</template>

<script>
    export default {
        name: "FutureArea"
    }
</script>

<style scoped>

</style>
